<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>携程旅行</title>
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 设置顶部搜索框 -->
    <div class="search">
        <div class="input">
            <div class="glass"></div>
            <input type="search" value="搜索：目的地/酒店/景点/航班号">
        </div>
        <div class="mine">
            <a href="#">
                <span>我的</span>               
            </a>
        </div>
    </div>
    <!-- 设置轮播图样式 -->
    <div class="banner">
        <img src="images/banner.jpg" alt="">
    </div>
    <!-- 设置分类样式 -->
    <div class="classes">
        <a href="#">
            <span></span>
            <span>攻略·景点</span>
        </a>
        <a href="#">
            <span></span>
            <span>门票·玩乐</span>
        </a>
        <a href="#">
            <span></span>
            <span>美食林</span>
        </a>
        <a href="#">
            <span></span>
             <span>周边游</span>
        </a>
        <a href="#">
            <span></span>
             <span>一日游</span>
        </a>
    </div>
    <!-- 设置菜单样式 -->
    <div class="menu">
        <!-- <ul>
            <li>酒店</li>
            <li>民宿·客栈</li>
            <li>特价·爆款</li>
        </ul>
        <ul>
            <li>酒店</li>
            <li>民宿·客栈</li>
            <li>特价·爆款</li>
        </ul>
        <ul>
            <li>酒店</li>
            <li>民宿·客栈</li>
            <li>特价·爆款</li>
        </ul> -->
        <div>
            <span>酒店</span>
            <span>民宿·客栈</span>
            <span>特价·爆款</span>
        </div>
        <div>
            <span>机票</span>
            <span>火车票</span>
            <span>汽车·船票</span>
            <span>专车·租车</span>
        </div>
        <div>
            <span>游轮</span>
            <span>高铁游</span>
            <span>邮轮游</span>
            <span>定制游</span>
        </div>
    </div>
    <!-- 设置向导样式 -->
    <ul class="guide">
        <li>自由行</li>
        <li>WIFI电话卡</li>
        <li>保险·签证</li>
        <li>换钞·购物</li>
        <li>向导·包车</li>
        <li>特价机票</li>
        <li>礼品卡</li>
        <li>申卡·借钱</li>
        <li>旅拍</li>
        <li>更多</li>
    </ul>  
    <!-- 设置我的样式   -->
    <div class="min">
        <div>
            <a></a>
            <a>电话预定</a>
        </div>
        <div>
            <a></a>
            <a>下载客户端</a>
        </div>
        <div>
            <a></a>
            <a>我的</a>
        </div>
    </div>
    <!-- 底部样式 -->
    <footer>
        <div>
            <a href="">网站地图</a>
            <a href="">Language</a>
            <a href="">电脑版</a>
        </div>
        <div>
            <span>&copy;2021携程旅行</span>
            <span>沪ICP备08023580号</span>
        </div>
    </footer>
</body>
</html>